<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>短信模板配置</title>
    <link href="../lib/layui/css/layui.css" rel="stylesheet" type="text/css" media="screen"/>
<!--    <link href="../css/extend.css" rel="stylesheet" type="text/css" media="screen"/>-->
    <script src="../lib/layui/layui.js" type="text/javascript"></script>
    <script src="../js/smsService/templateSetting.js" type="text/javascript"></script>
    <script type="text/html" id="barBusinessOperate">
        <div class="layui-btn-container">
            <button class="layui-btn layui-btn-sm" lay-event="signSetting">配置签名</button>
            <button class="layui-btn layui-btn-sm" lay-event="templateSetting">配置模板</button>
            <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="businessDelete">删除</button>
        </div>
    </script>
    <script type="text/html" id="barSignOperate">
        <div class="layui-btn-container">
            {{# if(d.status === 0){ }}
            <button class="layui-btn layui-btn-sm" lay-event="freshStatus" >刷新审核状态</button>
            {{# } }}
            <!--        <button class="layui-btn layui-btn-sm layui-btn-primary" lay-event="signDetail">详情</button>-->
            {{# if(d.status === 2){ }}
            <button class="layui-btn layui-btn-sm" lay-event="signEdit" >查看失败原因并修改</button>
            {{# } }}
            {{# if(d.status !== 0){ }}
            <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="signDelete">删除</button>
            {{# } }}

        </div>
    </script>
    <script type="text/html" id="chooseTemplateOperate">
        <div class="layui-btn-container">
            <button class="layui-btn layui-btn-sm" lay-event="chooseTemplate">使用此模板</button>
        </div>
    </script>
    <script type="text/html" id="barTemplateperate">
        <div class="layui-btn-container">
            {{# if(d.status === 0){ }}
            <button class="layui-btn layui-btn-sm" lay-event="freshStatus" >刷新审核状态</button>
            {{# } }}
            <!--        <button class="layui-btn layui-btn-sm layui-btn-primary" lay-event="templateDetail">详情</button>-->
            {{# if(d.status === 2){ }}
            <button class="layui-btn layui-btn-sm" lay-event="templateEdit">修改</button>
            {{# } }}
            <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="templateDelete">删除</button>
        </div>
    </script>
    <style>
        /*thead th,tbody, .layui-layer, .layui-layer-content, .layui-form,.layui-table-box,.layui-input, .layui-layer-dialog{*/
        /*    background-color: rgb(23,34,53) !important;*/
        /*}*/
        /*label, .layui-table-cell, .layui-layer-title, .layui-form-select dd, li,.layui-layer-setwin,.layui-layer-content*/
        /*,.layui-form-radio div,.layui-input,.layui-table-page span,button{*/
        /*    color: rgb(173, 178, 187) !important;*/
        /*}*/
    </style>
</head>
<body style="background-color:white" >
    <div class="layui-tab layui-tab-brief" lay-filter="smsTab">
        <ul class="layui-tab-title">
            <li class="layui-this">模板配置</li>
            <li>签名管理</li>
            <li>模板管理</li>
        </ul>
        <div class="layui-tab-content" style="height: 100px;">
            <div class="layui-tab-item layui-show">
                <div class="site-content" >
                    <form class="layui-form">
                        <div class="layui-form">
                            <label>业务名称</label>
                            <div class="layui-inline">
                                <div class="layui-input-inline" >
                                    <input id="businessName" class="layui-input" placeholder="输入业务名称" />
                                </div>
                            </div>
                            <div class="layui-input-inline">
                                <button class="layui-btn"  lay-submit="" lay-filter="search">查询</button>
                            </div>
                            <div class="layui-input-inline">
                                <button class="layui-btn" lay-submit="" lay-filter="applaySms">添加短信业务</button>
                            </div>
                        </div>
                    </form>

                    <div id="content">
                        <table class="layui-table" id="smsBusinessTable"  lay-filter="smsBusinessTable"></table>
                    </div>

                </div>
            </div>
            <div class="layui-tab-item">
                <div class="site-content" >
                    <form class="layui-form">
                        <div class="layui-form">
                            <label>签名名称</label>
                            <div class="layui-inline">
                                <div class="layui-input-inline" >
                                    <input id="signNameMgr" class="layui-input" placeholder="输入签名名称" />
                                </div>
                            </div>
                            <div class="layui-input-inline">
                                <button class="layui-btn"  lay-submit="" lay-filter="searchSign">查询</button>
                                <button class="layui-btn layui-btn-normal"  lay-submit="" lay-filter="syncSign">同步签名</button>
                                <button class="layui-btn layui-btn-normal"  lay-submit="" lay-filter="applySign">申请签名</button>
                                <button class="layui-btn layui-btn-normal"  lay-submit="" lay-filter="addSign">添加签名</button>
                            </div>
                            <!--                            <div class="layui-input-inline">-->
                            <!--                                <div><label style="color: red">请添加已在阿里短信服务平台申请后的签名</label></div>-->
                            <!--                            </div>-->
                        </div>
                    </form>

                    <div>
                        <table class="layui-table" id="smsSignTable2"  lay-filter="smsSignTable2"></table>
                    </div>
                </div>
            </div>
            <div class="layui-tab-item">
                <div class="site-content" >
                    <form class="layui-form">
                        <div class="layui-form">
                            <label>模板名称</label>
                            <div class="layui-input-inline" >
                                <input id="templateNameMgr" class="layui-input" placeholder="输入模板名称" />
                            </div>
                            <label>模板类型：</label>
                            <div class="layui-input-inline" >
                                <select name="type" id="templateType" ></select>
                            </div>
                            <div class="layui-input-inline">
                                <button class="layui-btn"  lay-submit="" lay-filter="searchTemplate">查询</button>
                            </div>
                            <div class="layui-input-inline">
                                <button class="layui-btn layui-btn-normal"  lay-submit="" lay-filter="syncTemplateStatus">同步模板</button>
                            </div>
                            <div class="layui-input-inline">
                                <button class="layui-btn"  lay-submit="" lay-filter="applayTemplate">申请模板</button>
                            </div>
                            <div class="layui-input-inline">
                                <button class="layui-btn"  lay-submit="" lay-filter="addTemplate">添加模板</button>
                            </div>
                        </div>
                    </form>

                    <div>
                        <table class="layui-table" id="smsTemplateTable2"  lay-filter="smsTemplateTable2"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<!-- 同步签名 -->
<div id="syncSmsSignWindow" style="display: none" >
    <form class="layui-form mt15 mb30" action="" id="syncSmsSignForm">
        <div class="layui-form-item">
            <table class="layui-table" id="syncSignTable"  lay-filter="syncSignTable"></table>
        </div>
        <div class="layui-form-item mt20 ml150">
            <div class="layui-input-block ml150">
                <button class="layui-btn" lay-submit="" lay-filter="doChooseSyncSmsSign">保存</button>
                <button type="button" id="cancelChooseSyncSmsSign" class="layui-btn layui-btn-primary">取消</button>
            </div>
        </div>
    </form>
</div>
<div id="applySmsWindow" style="display: none" >
    <form class="layui-form mt15 mb30" id="applySmsForm">
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*业务名称：</label>
            <div class="layui-input-block ml150 wd550" >
                <select name="name" lay-filter="businessName1" id="businessName1" lay-verify="required">
<!--                    <option value="用户注册">用户注册</option>-->
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*模板类型：</label>
            <div class="layui-input-block" >
                <input type="radio" name="type" value="0" title="验证码" checked >
                <input type="radio" name="type" value="1" title="短信通知" >
                <input type="radio" name="type" value="2" title="推广短信" >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*申请说明：</label>
            <div class="layui-input-block ml150 wd550">
                <textarea placeholder="申请说明" name="explain" lay-verify="required" autocomplete="off" class="layui-input ht120" ></textarea>
            </div>
        </div>
        <div class="layui-form-item mt20 ml150">
            <div class="layui-input-block ml150">
                <button class="layui-btn" lay-submit="" lay-filter="doApplySms">确定</button>
                <button type="button" id="cancelApplySms" class="layui-btn layui-btn-primary">取消</button>
            </div>
        </div>
    </form>
</div>
<div id="chooseSmsSignWindow" hidden >
    <form class="layui-form mt15 mb30" action="" id="chooseSmsSignForm">
        <input type="hidden" name="id" id="businessId"/>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">签名名称：</label>
            <div class="layui-input-block ml150 wd550" >
                <div class="layui-input-inline" >
                    <input id="signName" class="layui-input" placeholder="输入签名名称查询" />
                </div>
                <div class="layui-input-inline">
                    <button class="layui-btn"  lay-submit="" lay-filter="signSearch">查询</button>

                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <table class="layui-table" id="smsSignTable"  lay-filter="smsSignTable"></table>
        </div>
        <div class="layui-form-item mt20 ml150">
            <div class="layui-input-block ml150">
                <button class="layui-btn" lay-submit="" lay-filter="doChooseSmsSign">保存</button>
                <button type="button" id="cancelChooseSmsSign" class="layui-btn layui-btn-primary">取消</button>
            </div>
        </div>
    </form>
</div>

<!-- 同步模板 -->
<div id="syncSmsTemWindow" hidden >
    <form class="layui-form mt15 mb30" action="" id="syncSmsTemForm">
        <div class="layui-form-item">
            <table class="layui-table" id="syncTemplateTable"  lay-filter="syncTemplateTable"></table>
        </div>
        <div class="layui-form-item mt20 ml150">
            <div class="layui-input-block ml150">
                <button class="layui-btn" lay-submit="" lay-filter="doChooseSyncSmsTem">保存</button>
                <button type="button" id="cancelChooseSyncSmsTem" class="layui-btn layui-btn-primary">取消</button>
            </div>
        </div>
    </form>
</div>

<div id="chooseSmsTemplateWindow" hidden >
    <form class="layui-form mt15 mb30" action="" id="chooseSmsTemplateForm">
        <input type="hidden" name="id" id="businessId2"/>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">模板名称：</label>
            <div class="layui-input-block ml150 wd550" >
                <div class="layui-input-inline" >
                    <input id="templateName" class="layui-input" placeholder="输入模板名称查询" />
                </div>
                <div class="layui-input-inline">
                    <button class="layui-btn"  lay-submit="" lay-filter="templateSearch">查询</button>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <table class="layui-table" id="smsTemplateTable"  lay-filter="smsTemplateTable"></table>
        </div>
        <div class="layui-form-item mt20 ml150">
            <div class="layui-input-block ml150">
                <button class="layui-btn" lay-submit="" lay-filter="doChooseSmsTemp">保存</button>
                <button type="button" id="cancelChooseSmsTem" class="layui-btn layui-btn-primary">取消</button>
            </div>
        </div>
    </form>
</div>
<!-- 添加签名-->
<div id="addSmsSignWindow" hidden >
    <form class="layui-form mt15 mb30" action="" id="addSmsSignForm">
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*签名名称：</label>
            <div class="layui-input-block ml150 wd550">
                <input type="text" name="signName" id="signName2" lay-verify="required||fname" autocomplete="off"
                       placeholder="填写在阿里云或腾讯云申请通过的签名" class="layui-input"  >
            </div>
<!--            <div class="ml150 text-gray fz12">-->
<!--                <ul class="ul-form-tips">-->
<!--                    <li>● 签名内容为短信发送方的真实应用名称、网站名称、公司名称或商标名称</li>-->
<!--                    <li>● 若涉及到第三方权益必须获得第三方真实授权</li>-->
<!--                    <li>● 不支持如“客户服务”、“友情提醒”等过于宽泛内容</li>-->
<!--                    <li>● 通用场景下不支持带“测试”字样的签名，如需测试请选择验证码场景</li>-->
<!--                    <li>● 若签名／模版内容侵犯到第三方权益必须获得第三方真实授权</li>-->
<!--                    <li>● 无须添加【】、()、[]符号，签名发送会自带【】符号，避免重复</li>-->
<!--                    <li>● 了解更多 <a class="text-light-blue" href="//help.aliyun.com/document_detail/55324.html" target="_blank" rel="noopener noreferrer">签名/模板申请规范</a></li></ul>-->
<!--            </div>-->
        </div>
        <div id="signIdDiv" class="layui-hide">
            <label class="layui-form-label wd120">*签名ID：</label>
            <div class="layui-input-block ml150 wd550">
                <input type="text" name="signId" id="signIdAdd" autocomplete="off"
                       placeholder="腾讯短信签名id(数字类型)" class="layui-input"  >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*适用场景：</label>
            <div class="layui-input-block">
                <input type="radio" name="scene" value="0" title="验证码" checked="">
                <input type="radio" name="scene" value="1" title="通用">
            </div>
<!--            <div class="ml150 text-gray fz12">-->
<!--                <ul>-->
<!--                    <li>● 个人用户可申请1个验证码签名，通用场景签名一天支持申请1个</li>-->
<!--                </ul>-->
<!--            </div>-->
        </div>
        <div id="commonDiv" class="layui-hide">
            <div class="layui-form-item">
                <label class="layui-form-label wd120">*签名来源：</label>
                <div class="layui-input-block">
                    <input type="radio" name="source" value="0" title="企事业单位的全称或简称">
                    <input type="radio" name="source" value="1" title="工信部备案网站的全称或简称">
                    <br/>
                    <input type="radio" name="source" value="2" title="APP应用的全称或简称&nbsp;&nbsp;&nbsp;&nbsp;">
                    <input type="radio" name="source" value="3" title="公众号或小程序的全称或简称">
                </div>
            </div>
            <div class="layui-form-item layui-hide" id="domainNameDiv">
                <label class="layui-form-label wd120">*网站域名：</label>
                <div class="layui-input-block ml150 wd550">
                    <input type="text" name="domainName" id="domainName" autocomplete="off"
                           placeholder="请输入工信部备案网站域名，如：dysms.console.aliyun.com" class="layui-input"  >
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label wd120">*三证合一：</label>
                <div class="layui-input-block">
                    <input type="radio" name="isThreeInOne" value="1" title="是" checked="">
                    <input type="radio" name="isThreeInOne" value="0" title="否">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label wd120">*上传证明文件：</label>
                <div id="isThreeInOneDiv">
                    <div class="layui-upload-drag wd200" id="businessLicense" >
                        <i class="layui-icon"></i>
                        <p>上传签名归属方的三证合一，支持拖拽</p>
                        <input type="hidden" id="businessLicenseType"/>
                        <div class="layui-hide" id="uploadLiceView">
                            <hr>
                            <img src="" alt="上传成功后渲染" style="max-width: 196px">
                        </div>
                    </div>
                    <div class="layui-upload-drag wd200" id="powerOfAttorney" >
                        <i class="layui-icon"></i>
                        <p>上传签名归属方的授权委托书，支持拖拽</p>
                        <input type="hidden" id="powerOfAttorneyType"/>
                        <div class="layui-hide" id="uploadPotView">
                            <hr>
                            <img src="" alt="上传成功后渲染" style="max-width: 196px">
                        </div>
                    </div>
                    <div class="ml150 text-gray fz12">
                        <ul>
                            <li>● 请上传签名归属方的企事业单位的<span><a class="text-light-blue" href="//img.alicdn.com/tfs/TB1_HiGeLDH8KJjy1XcXXcpdXXa-950-1430.jpg" target="_blank" rel="noopener noreferrer" >三证合一</a>的证件</span>及授权委托书</li>
                            <li>● word模版下载：<a class="text-light-blue" href="https://files.alicdn.com/tpsservice/8d2adf3abd677b668b70cf50c0d53bc4.doc?spm=5176.12212999.0.0.12111cbeCAF4vr&amp;file=8d2adf3abd677b668b70cf50c0d53bc4.doc" target="_blank" rel="noopener noreferrer" >授权委托书</a></li>
                            <li>● 支持jpg、png、gif、jpeg格式的图片，每张图片不大于2MB</li>
                        </ul>
                    </div>
                </div>
                <div class="ml150 layui-hide" id="isNotThreeInOneDiv">
                    <div class="layui-upload-drag wd200" id="businessLicense2" >
                        <i class="layui-icon"></i>
                        <p>上传签名归属方的三证合一，支持拖拽</p>
                        <input type="hidden" id="businessLicenseType2"/>
                        <div class="layui-hide" id="uploadLiceView2">
                            <hr>
                            <img src="" alt="上传成功后渲染" style="max-width: 196px">
                        </div>
                    </div>
                    <div class="layui-upload-drag wd200" id="orgInstBarCode" >
                        <i class="layui-icon"></i>
                        <p>上传签名归属方的组织机构代码证，支持拖拽</p>
                        <input type="hidden" id="orgInstBarCodeType"/>
                        <div class="layui-hide" id="uploadIbcView">
                            <hr>
                            <img src="" alt="上传成功后渲染" style="max-width: 196px">
                        </div>
                    </div>
                    <div class="layui-upload-drag wd200" id="taxRegistCertifi" >
                        <i class="layui-icon"></i>
                        <p>上传签名归属方的税务登记证，支持拖拽</p>
                        <input type="hidden" id="taxRegistCertifiType"/>
                        <div class="layui-hide" id="uploadRcView">
                            <hr>
                            <img src="" alt="上传成功后渲染" style="max-width: 196px">
                        </div>
                    </div>
                    <div class="layui-upload-drag wd200" id="powerOfAttorney2" >
                        <i class="layui-icon"></i>
                        <p>上传签名归属方的授权委托书，支持拖拽</p>
                        <input type="hidden" id="powerOfAttorneyType2"/>
                        <div class="layui-hide" id="uploadPotView2">
                            <hr>
                            <img src="" alt="上传成功后渲染" style="max-width: 196px">
                        </div>
                    </div>
                    <div>
                        <ul class="text-gray fz12">
                            <li>● 请上传签名归属方的企事业单位的<a class="text-light-blue" href="//img.alicdn.com/tps/TB1vATkJVXXXXbIXVXXXXXXXXXX-971-700.jpg" target="_blank" rel="noopener noreferrer" data-spm-anchor-id="5176.12212999.0.0">企业营业执照</a>、<a class="text-light-blue" href="//img.alicdn.com/tfs/TB1mYmGeLDH8KJjy1XcXXcpdXXa-1372-980.jpg" target="_blank" rel="noopener noreferrer">组织机构代码证</a>、<a class="text-light-blue" href="//img.alicdn.com/tfs/TB1_YiGeLDH8KJjy1XcXXcpdXXa-1372-980.jpg" target="_blank" rel="noopener noreferrer">税务登记证</a>及授权委托书</li>
                            <li>● word模版下载：<a class="text-light-blue" href="https://files.alicdn.com/tpsservice/8d2adf3abd677b668b70cf50c0d53bc4.doc" target="_blank" rel="noopener noreferrer">授权委托书</a></li>
                            <li>● 支持jpg、png、gif、jpeg格式的图片，每张图片不大于2MB</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*申请说明：</label>
            <div class="layui-input-block ml150 wd550">
                <textarea placeholder="请描述您的业务使用场景" name="explain" lay-verify="required||explain" autocomplete="off" class="layui-input ht120" ></textarea>
            </div>
        </div>
        <div class="layui-form-item mt20 ml150">
<!--            <div>-->
<!--                <ul>-->
<!--                    <li>● 预计两小时完成审核</li>-->
<!--                    <li>● 审核工作时间: 周一至周日9:00-23:00（法定节日顺延）</li>-->
<!--                </ul>-->
<!--            </div>-->
            <div class="layui-input-block ml150">
                <button class="layui-btn" lay-submit="" lay-filter="doAddSmsSign">确定</button>
                <button type="button" id="cancelAddSmsSign" class="layui-btn layui-btn-primary">取消</button>
            </div>
        </div>
    </form>
</div>
<!-- 阿里申请签名-->
<div id="applySmsSignWindow1" hidden >
    <form class="layui-form mt15 mb30" action="" id="applySmsSignForm1" lay-filter="applySmsSignForm1">
        <p style="font-size: large;color: red" class="ml5 layui-hide" id="reason1"></p>
        <input type="hidden" name="id" id="dataId1">
        <input type="hidden" name="signId" id="signId1">
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*签名名称：</label>
            <div class="layui-input-block ml150 wd550">
                <input type="text" name="signName" id="appSignName1" lay-verify="required||fname" autocomplete="off"
                       placeholder="签名不区分大小写，长度为2~12个字符，由中英文、数字组成，内容不包含【】。范例：金鑫智慧。" class="layui-input"  >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*适用场景：</label>
            <div class="layui-input-block">
                <input type="radio" name="scene" value="0" title="验证码" checked="">
                <input type="radio" name="scene" value="1" title="通用">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">签名用途：</label>
            <div class="layui-input-block">
                <input type="radio" name="purpose" value="0" title="自用(签名为本账号实名认证的网站、APP等)" disabled checked="">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*签名来源：</label>
            <div class="layui-input-inline" style="width: 550px">
                <select name="source" lay-verify="required" >
                    <option value=""></option>
                    <option value="0">企事业单位的全称或简称</option>
                    <option value="1">工信部备案网站的全称或简称</option>
                    <option value="2">APP应用的全称或简称</option>
                    <option value="3">公众号或小程序的全称或简称</option>
                    <option value="4">电商平台店铺名的全称或简称</option>
                    <option value="5">商标名的全称或简称</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*证明图片：</label>
            <div class="layui-upload">
                <button type="button" class="layui-btn" id="uploadFile">上传</button>
                <button type="button" class="layui-btn layui-btn-danger" id="removeFile">移除图片</button>
                <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 5px;">
                    <div class="layui-upload-list" id="fileList"></div>
                </blockquote>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*申请说明：</label>
            <div class="layui-input-block ml150 wd550">
                <textarea placeholder="长度不超过200个字符。 场景说明是签名审核的参考信息之一。请详细描述已上线业务的使用场景，并提供可以验证这些业务的网站链接、已备案域名地址、应用市场下载链接、公众号或小程序全称等信息。对于登录场景，还需提供测试账号密码。信息完善的申请说明会提高签名、模板的审核效率。" name="explain" lay-verify="required||explain" autocomplete="off" class="layui-input ht120" ></textarea>
            </div>
        </div>
        <div class="layui-form-item mt20 ml150">
            <div>
                <ul>
                    <li>● 一般2小时内完成，涉及政企签名一般2个工作日内完成，近期平均完成审核时长约1小时，如遇升级核验、审核任务较多时、非工作时间，审核时间可能会延长，请耐心等待。</li>
                    <li>● 审核工作时间: 周一至周日9:00-23:00（法定节日顺延）</li>
                </ul>
            </div>
            <div class="layui-input-block ml150">
                <button class="layui-btn" lay-submit="" lay-filter="doApplyAliSmsSign">确定</button>
                <button type="button" id="cancelAliApplySmsSign" class="layui-btn layui-btn-primary">取消</button>
            </div>
        </div>
    </form>
</div>

<!-- 腾讯申请签名-->
<div id="applySmsSignWindow2" hidden >
    <form class="layui-form mt15 mb30" action="" id="applySmsSignForm2" lay-filter="applySmsSignForm2">
        <input type="hidden" name="id" id="dataId">
        <input type="hidden" name="signId" id="signId">
        <p style="font-size: large;color: red" class="ml5 layui-hide" id="reason"></p>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*签名名称：</label>
            <div class="layui-input-block ml150 wd550">
                <input type="text" name="signName" id="appSignName2" lay-verify="required" autocomplete="off"
                       placeholder="不能重复申请已通过或待审核的签名" class="layui-input"  >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*签名类型：</label>
            <div class="layui-input-inline" style="width: 550px">
                <select name="source" lay-verify="required" lay-filter="signType">
                    <option value=""></option>
                    <option value="0">公司</option>
                    <option value="1">APP</option>
                    <option value="2">网站</option>
                    <option value="3">公众号</option>
                    <option value="4">商标</option>
                    <option value="5">政府/机关事业单位/其他机构</option>
                    <option value="6">小程序</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*证明类型：</label>
            <div class="layui-input-inline" style="width: 550px">
                <select name="docType" id="documentType" lay-verify="required" >
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120" style="width: 122px">国际/港澳台短信：</label>
            <div class="layui-input-block">
                <input type="radio" name="international" value="0" title="否" disabled checked="">
                <input type="radio" name="international" value="1" title="是" disabled >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">签名用途：</label>
            <div class="layui-input-block">
                <input type="radio" name="purpose" value="0" title="自用" disabled checked="">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*证明图片：</label>
            <div class="layui-upload-drag" id="uploadFile2">
                <i class="layui-icon"></i>
                <p>点击上传，或将文件拖拽到此处</p>
                <div class="layui-hide" id="uploadView">
                    <hr>
                    <img src="" alt="上传成功后渲染" style="max-width: 196px">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">申请备注：</label>
            <div class="layui-input-block ml150 wd550">
                <textarea placeholder="签名的申请备注" name="explain" autocomplete="off" class="layui-input ht120" ></textarea>
            </div>
        </div>
        <div class="layui-form-item mt20 ml150">
            <div>
                <ul>
                    <li>● 签名提交后，预计2小时完成审核。</li>
                    <li>● 审核时间：工作日：9:00 - 21:00；节假日（包括周末及法定节假日）：9:00 -18:00</li>
                    <li>● 了解更多 <a href="https://cloud.tencent.com/document/product/382/39022" target="_blank">签名审核规则</a></li>
                </ul>
            </div>
            <div class="layui-input-block ml150">
                <button class="layui-btn" lay-submit="" lay-filter="doApplyTxSmsSign">确定</button>
                <button type="button" id="cancelTxApplySmsSign" class="layui-btn layui-btn-primary">取消</button>
            </div>
        </div>
    </form>
</div>
<!-- 阿里申请模板 -->
<div id="applySmsTemplateWindow" hidden >
    <form class="layui-form mt15 mb30" id="applySmsTemplateForm" lay-filter="applySmsTemplateForm">
        <input type="hidden" name="id" id="templateId">
        <input type="hidden" name="code" id="templateCode">
        <p style="font-size: large;color: red" class="ml5 layui-hide" id="reasonTemp1"></p>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*模板类型：</label>
            <div class="layui-input-block" id="templateTypeDiv">
                <input type="radio" name="type" value="0" title="验证码(0.045元/条)" checked="" lay-filter="templateType">
                <input type="radio" name="type" value="1" title="短信通知(0.045元/条)" lay-filter="templateType">
                <input type="radio" name="type" value="2" title="推广短信(0.055元/条)" lay-filter="templateType">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*模板名称：</label>
            <div class="layui-input-block ml150 wd550">
                <input type="text" id="templateNameEdit" name="name" lay-verify="required||fname2" autocomplete="off"
                       placeholder="请输入模板名，不超过30个字符" class="layui-input"  >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*模板内容：</label>
            <div class="layui-input-block ml150 wd550">
                <textarea id="templateContent" placeholder="请输入模板内容" name="content" lay-verify="required||content" autocomplete="off" class="layui-input ht120" ></textarea>
            </div>
            <div class="ml150">
                <p id="commonTemplate">想快速获得可用模版，可使用<a href="javascript:void(0);" class="text-light-blue" id="commonTemplates">常用模版库</a></p>
                <ul class="text-gray fz12">
                    <li id="vercodeTip1">● 变量限制：仅支持1个验证码作为变量；4~6位仅数字、数字+字母组合或仅字母2种类型。</li>
                    <li id="vercodeTip2">● 变量格式：${code}；例如：您的验证码为 ${code} ，该验证码5分钟内有效，请勿泄露于他人。</li>
                    <li>● 变量规范 <a class="text-light-blue" href="https://help.aliyun.com/document_detail/108253.html?spm=5176.25163407.domtexttemplatecreate-index-101bd_6d772_0.4.6b0abb6eJWVv6G" target="_blank" >详情</a></li>
                    <li>● 签名/模版申请规范 <a class="text-light-blue" href="https://help.aliyun.com/document_detail/110427.html?spm=5176.25163407.domtexttemplatecreate-index-101bd_6d772_0.5.6b0abb6eJWVv6G" target="_blank" >详情</a></li>
                </ul>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*申请说明：</label>
            <div class="layui-input-block ml150 wd550">
                <textarea id="templateExplain" placeholder="请描述您的业务使用场景,不超过100个字符" name="explain" lay-verify="required||explain2" autocomplete="off" class="layui-input ht120" ></textarea>
            </div>
        </div>
        <div class="layui-form-item mt20 ml150">
            <div>
                <ul>
                    <li>● 一般2小时内完成，近期平均完成审核时长约1小时，如遇升级核验、审核任务较多时、非工作时间，审核时间可能会延长，请耐心等待</li>
                    <li>● 审核工作时间: 周一至周日9:00-21:00（法定节日顺延）</li>
                </ul>
            </div>
            <div class="layui-input-block ml150">
                <button class="layui-btn" lay-submit="" lay-filter="doApplySmsTemplate">确定</button>
                <button type="button" id="cancelApplySmsTemp" class="layui-btn layui-btn-primary">取消</button>
            </div>
        </div>
    </form>
</div>

<!-- 腾讯申请模板 -->
<div id="applySmsTemplateWindowTx" hidden >
    <form class="layui-form mt15 mb30" id="applySmsTemplateFormTx" lay-filter="applySmsTemplateFormTx">
        <input type="hidden" name="id" id="templateIdTx">
        <input type="hidden" name="code" id="templateCodeTx">
        <p style="font-size: large;color: red" class="ml5 layui-hide" id="reasonTemp2"></p>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*模板名称：</label>
            <div class="layui-input-block ml150 wd550">
                <input type="text" name="name" lay-verify="required" autocomplete="off"
                       placeholder="模板名称可作为不同模板内容的标识，根据自身需求填写即可，无固定要求" class="layui-input"  >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*短信类型：</label>
            <div class="layui-input-block">
                <input type="radio" name="type" value="0" title="普通短信" checked="" lay-filter="templateTypeTx">
                <input type="radio" name="type" value="1" title="营销短信" lay-filter="templateTypeTx">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label wd120">*模板内容：</label>
            <div class="layui-input-block ml150 wd550">
                <textarea id="templateContentTx" placeholder="模板示例：{1}为您的登录验证码，请于{2}分钟内填写。如非本人操作，请忽略本短信。（其中{数字}为可自定义的内容，须从1开始连续编号，如{1}、{2}等）" name="content" lay-verify="required||content2" autocomplete="off" class="layui-input ht120" ></textarea>
            </div>
            <div class="ml150" id="stardardTemplateDiv">
                <p>支持自定义模板内容和使用标准模板，<a href="javascript:void(0);" class="text-light-blue" id="useStardardTemplate">使用标准模板</a>可提高审核效率和成功率。</p>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*模板备注：</label>
            <div class="layui-input-block ml150 wd550">
                <textarea id="templateExplainTx" placeholder="请描述您的业务使用场景,不超过100个字符" name="explain" lay-verify="required||explain3" autocomplete="off" class="layui-input ht120" ></textarea>
            </div>
        </div>
        <div class="layui-form-item mt20 ml150">
            <div>
                <ul>
                    <li>● 模板提交后，预计2小时完成审核。</li>
                    <li>● 审核时间：工作日：9:00 - 21:00；节假日（包括周末及法定节假日）：9:00 -18:00</li>
                </ul>
            </div>
            <div class="layui-input-block ml150">
                <button class="layui-btn" lay-submit="" lay-filter="doApplySmsTemplateTx">确定</button>
                <button type="button" id="cancelApplySmsTempTx" class="layui-btn layui-btn-primary">取消</button>
            </div>
        </div>
    </form>
</div>
<!-- 阿里添加模板 -->
<div id="addSmsTemplateWindow" hidden >
    <form class="layui-form mt15 mb30" action="" id="addSmsTemplateForm">
        <div class="layui-form-item">
            <div style="margin-left: 60px">
                <div><label style="color: red">请添加已在阿里短信服务平台申请后的模板</label></div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*模板类型：</label>
            <div class="layui-input-block" >
                <input type="radio" name="type" value="0" title="验证码" checked="" >
                <input type="radio" name="type" value="1" title="短信通知" >
                <input type="radio" name="type" value="2" title="推广短信">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*模板名称：</label>
            <div class="layui-input-block ml150 wd550">
                <input type="text"  name="name" lay-verify="required||fname2" autocomplete="off"
                       placeholder="请输入模板名，不超过30个字符" class="layui-input"  >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*模版CODE：</label>
            <div class="layui-input-block ml150 wd550">
                <input type="text" name="code" lay-verify="required" autocomplete="off"
                       placeholder="请输入模板CODE" class="layui-input"  >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*模板内容：</label>
            <div class="layui-input-block ml150 wd550">
                <textarea placeholder="变量格式：${code}；示例：您的验证码为：${code}，该验证码 5 分钟内有效，请勿泄漏于他人。" name="content" lay-verify="required||content" autocomplete="off" class="layui-input ht120" ></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*申请说明：</label>
            <div class="layui-input-block ml150 wd550">
                <textarea placeholder="模板使用场景、事例等说明，登录验证码场景可提供登录链接、测试账号,不超过100个字符" name="explain" lay-verify="required||explain2" autocomplete="off" class="layui-input ht120" ></textarea>
            </div>
        </div>
        <div class="layui-form-item mt20 ml150">
            <div class="layui-input-block ml150">
                <button class="layui-btn" lay-submit="" lay-filter="doAddSmsTemplate">确定</button>
                <button type="button" id="cancelAddSmsTemp" class="layui-btn layui-btn-primary">取消</button>
            </div>
        </div>
    </form>
</div>
<!-- 腾讯添加模板 -->
<div id="addSmsTemplateWindowTx" hidden >
    <form class="layui-form mt15 mb30" action="" id="addSmsTemplateFormTx">
        <div class="layui-form-item">
            <div style="margin-left: 60px">
                <div><label style="color: red">请添加已在腾讯短信服务平台申请后的模板</label></div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*短信类型：</label>
            <div class="layui-input-block" >
                <input type="radio" name="type" value="0" title="普通短信" checked="" >
                <input type="radio" name="type" value="1" title="营销短信" >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*模版ID：</label>
            <div class="layui-input-block ml150 wd550">
                <input type="text" name="code" lay-verify="required" autocomplete="off"
                       placeholder="请输入模板ID" class="layui-input"  >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*模板名称：</label>
            <div class="layui-input-block ml150 wd550">
                <input type="text" name="name" lay-verify="required" autocomplete="off"
                       placeholder="模板名称可作为不同模板内容的标识，根据自身需求填写即可，无固定要求" class="layui-input"  >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*模板内容：</label>
            <div class="layui-input-block ml150 wd550">
                <textarea placeholder="请输入模板内容" name="content" lay-verify="required||content2" autocomplete="off" class="layui-input ht120" ></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label wd120">*申请说明：</label>
            <div class="layui-input-block ml150 wd550">
                <textarea placeholder="请描述您的业务使用场景,不超过300个字符" name="explain" lay-verify="required||explain3" autocomplete="off" class="layui-input ht120" ></textarea>
            </div>
        </div>
        <div class="layui-form-item mt20 ml150">
            <div class="layui-input-block ml150">
                <button class="layui-btn" lay-submit="" lay-filter="doAddSmsTemplateTx">确定</button>
                <button type="button" id="cancelAddSmsTempTx" class="layui-btn layui-btn-primary">取消</button>
            </div>
        </div>
    </form>
</div>
<div id="commonTemplatesWindow" hidden>
    <div class="layui-form-item">
        <table class="layui-table" id="commonTemplatesTable"  lay-filter="commonTemplatesTable"></table>
    </div>
</div>

<div id="commonTemplatesWindowTx" hidden>
    <div class="layui-form-item">
        <table class="layui-table" id="stardTemplatesTable"  lay-filter="stardTemplatesTable"></table>
    </div>
</div>
<div id="templateDetailWindow" hidden>
    <div class="layui-form-item">
        <label class="layui-form-label wd120">模板类型：</label>
        <label class="layui-form-label wd600 text-left" id="templateType2"></label>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label wd120">模板名称：</label>
        <label class="layui-form-label wd600 text-left" id="templateName2"></label>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label wd120">模版CODE：</label>
        <label class="layui-form-label wd600 text-left" id="templateCode2"></label>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label wd120">模版内容：</label>
        <label class="layui-form-label wd600 text-left" id="templateContent2"></label>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label wd120">申请说明：</label>
        <label class="layui-form-label wd600 text-left" id="templateExplain2">申请说明：</label>
    </div>
</div>
</html>